.layout-wrapper .header{width:100%;color:#fff;position:relative;box-shadow:0 6px 14px 0 rgb(204 204 204 / 58%);padding:0 30px;background-color:#20a0ff;}
.layout-wrapper .header .top-menu-wrapper .el-menu--horizontal{border-bottom:0}
.layout-wrapper .header .top-menu-wrapper .el-menu--horizontal > .el-menu-item.is-active{border-bottom:2px solid #ffffff !important;background-color:rgb(63,172,255) !important}
.layout-wrapper .header .header-left{font-weight:300;background-color:#20a0ff}
.layout-wrapper .header .header-left .collapse-btn{cursor:pointer;line-height:60px}
.layout-wrapper .header .header-left .logo-coll{width:100%;height:60px;margin:0;text-align:center;display:inline-block}
.layout-wrapper .header .header-left .logo-coll img{vertical-align:middle;border-radius:0}
.layout-wrapper .header .header-left .el-icon-menu{vertical-align:middle}
.layout-wrapper .header .header-left .logo{width:199px;line-height:60px;font-size:22px;color:#fff;font-weight:bolder}
.layout-wrapper .header-right{width:200px;height:60px;line-height:60px;position:absolute;right:30px;}
.layout-wrapper .header-right .user-info{height:100%;margin-left:10px;display:block;text-align:right}
.layout-wrapper .header-right .user-info .el-dropdown-selfdefine{height:100%}
.layout-wrapper .header-right .user-info .row{display:inline-block;height:100%;vertical-align:middle;font-size:0;color:white;padding-left:15px;}
.layout-wrapper .header-right .user-info .row.apply-become-shop a:hover,.layout-wrapper .header-right .user-info .row.apply-become-shop a:hover i:before{font-weight:700}
.layout-wrapper .header-right .user-info .row.apply-become-shop a i:before{font-size:14px}
.layout-wrapper .header-right .user-info .user-name{max-width:40%;}
.layout-wrapper .header-right .user-info .user-name .user-name-span{display:inherit;color:white}
.layout-wrapper .header-right .user-info .user-avatar{width: 32px;height: 32px;}
.layout-wrapper .header-right .user-info .user-avatar img{width:100%;height:100%;border-radius:50%;vertical-align:middle}
.layout-wrapper .header-right .el-dropdown-link{color:#fff;cursor:pointer;display:block}
.layout-wrapper .header-right .el-dropdown-menu__item{text-align:center}
.layout-wrapper .header-right .balance-dropdown-wrapper .top{text-align:left}
.layout-wrapper .header-right .balance-dropdown-wrapper .top .username{white-space:nowrap;font-weight:bold;color:#555;font-size:18px;line-height:30px}
.layout-wrapper .menu-wrapper{width:calc(100% - 35px);margin:0 auto;overflow: hidden;}
.layout-wrapper .menu-header{background:rgb(255,255,255);border-radius:8px;/*box-shadow: 0 6px 14px 0 rgba(227,233,237,.35);*/box-shadow: -8px -8px 20px 17px rgba(227,233,237,.35);overflow: hidden}
.layout-wrapper .menu-header .main-scroller .el-scrollbar__wrap{padding:0;overflow-x:hidden}
.layout-wrapper .menu-header .sidebar-el-menu{border-right:0}
.layout-wrapper .menu-header .sidebar-el-menu * {user-select: none}
.layout-wrapper .menu-header .el-submenu .el-submenu__title i:first-child{vertical-align:middle;margin-right:5px;width:24px;text-align:center;font-size:18px}
.layout-wrapper .menu-header .el-menu--collapse{width:64px}
.layout-wrapper .menu-header .el-menu--collapse .el-submenu__title .menu-name{display:none;}
.layout-wrapper .menu-header .el-menu--collapse .el-submenu__title .el-submenu__icon-arrow{right:8px;
    top:54%;}
.layout-wrapper .menu-header .el-menu-item [class^=w-icon-]{margin-right:5px;width:24px;text-align:center;font-size:16px;vertical-align:middle}
.layout-wrapper .menu-header .el-menu-item.is-active{box-shadow:inset 4px 0 0 0 #20a0ff;background: aliceblue;}
.layout-wrapper .menu-header .el-menu-item.no-active{box-shadow:none;border:0;color:rgb(191,203,217)}
.layout-wrapper .menu-header .el-submenu .menu-name {color: #a3a3a3;font-weight: bolder}
.layout-wrapper .menu-header .el-submenu [class^=icon-],.layout-wrapper .menu-header .el-menu-item [class^=icon-]{vertical-align:middle;margin-right:5px;width:24px;text-align:center;font-size:18px}
.layout-wrapper .balance-dropdown-wrapper .top .id{margin-left:20px}
.layout-wrapper .balance-dropdown-wrapper .top .id i{font-style:normal}
.layout-wrapper .balance-dropdown-wrapper .top{text-align:left}
.layout-wrapper .balance-dropdown-wrapper .top .username{white-space:nowrap;font-weight:bold;color:#555;font-size:18px;line-height:30px}
.layout-wrapper .balance-dropdown-wrapper .top .id{margin-left:20px}
.layout-wrapper .balance-dropdown-wrapper .exit-wrapper{text-align:right}
.layout-wrapper .balance-dropdown-wrapper .exit-wrapper .do-button{width:30%}
.layout-wrapper .balance-dropdown-wrapper .exit-wrapper .do-button .icon-exit{font-size:12px}
.layout-wrapper .balance-dropdown-wrapper .other-wrapper{width:15rem;text-align:left}
.layout-wrapper .content-box{z-index:999;overflow: hidden;padding: 0 0 0 25px;}

/* --- tab选项卡开始 --- */
.el-main{}
.layout-wrapper .tab-wrapper{height:100%;position: relative;overflow: hidden;}
.layout-wrapper .tab-wrapper .left-do-wrapper{box-shadow:0 6px 14px 0 rgba(227,233,237,.35);background:#FFF;border-top-left-radius:8px;border-top-right-radius:8px;}
.layout-wrapper .tab-wrapper .left-do-wrapper .el-tabs__nav-next,.layout-wrapper .tab-wrapper .left-do-wrapper .el-tabs__nav-prev{line-height:31px}
.layout-wrapper .tab-wrapper .left-do-wrapper .top-tab-button-wrapper{background-color:white}
.layout-wrapper .tab-wrapper .left-do-wrapper .top-tab-close-all{line-height:31px;text-align:center;background-color:#f5f7fa;border:0}
.layout-wrapper .tab-wrapper .left-do-wrapper .top-tab-close-effect{border-radius:0 0 18px 0}
.layout-wrapper .tab-list{overflow:hidden;}
.layout-wrapper .tab-wrapper .tab-list{white-space: nowrap;}
.layout-wrapper .tab-wrapper .tab-list.has-scroll{width: calc(100% - 40px);margin:0 auto;box-sizing: border-box;}
.layout-wrapper .tab-wrapper .tab-list-view {transition: transform .3s cubic-bezier(.645,.045,.355,1);}
.layout-wrapper .tab-wrapper .el-icon-arrow-left {left: 0;}
.layout-wrapper .tab-wrapper .el-icon-arrow-right {right: 0;}
.layout-wrapper .tab-wrapper .el-icon-arrow-left,.layout-wrapper .tab-wrapper .el-icon-arrow-right {position: absolute;top: -7px;cursor: pointer;line-height: 44px;font-size: 12px;color: #909399;z-index: 10;}
.layout-wrapper .tab-wrapper .tab-item{height:31px;line-height:31px;font-size:14px;padding:0 20px;display:inline-block;background-color:var(--gray-bg);margin-top:-1px;color:#909399;font-weight:normal;user-select:none;border:none;position:relative;cursor:pointer;}
.layout-wrapper .tab-wrapper .tab-item:first-child{padding-left:5px;}
.layout-wrapper .tab-wrapper .tab-item:first-child .el-icon-s-home{font-size: 15px;margin-left: 10px;vertical-align: text-bottom;}
.layout-wrapper .tab-wrapper .tab-item.is-active{border-bottom-color:var(--gray-bg);background-color:white!important;color:#409eff;border-top-right-radius:8px;border-top-left-radius:8px}
.layout-wrapper .tab-wrapper .tab-item .bg{width:100%;height:100%;background-color:white;position:absolute;top:0;left:0;z-index:-1}
.layout-wrapper .tab-wrapper .tab-item.is-active{mask:url();-webkit-mask:url();mask-size:100% 102%;-webkit-mask-size:100% 102%}
.layout-wrapper .tab-wrapper .tab-item:first-child.is-active{mask:url("");-webkit-mask:url("");mask-size:100% 102%;-webkit-mask-size:100% 102%;border-top-right-radius:13px}
.layout-wrapper .tab-wrapper .tab-item .break{height:18px;width:1px;position:absolute;right:-1px;top:20%;z-index:100;border-left:0.5px solid rgb(145,148,151);opacity:1}
.layout-wrapper .tab-wrapper .tab-item.is-active .break,.layout-wrapper .tab-wrapper .tab-item:last-child .break,.layout-wrapper .tab-wrapper .tab-item.active-prev .break{opacity:0;transition:opacity 0.3s ease}
.layout-wrapper .tab-wrapper .tab-item .close-icon{width:0;border-radius:50%;overflow:hidden;position:relative;font-size:12px;height:14px;vertical-align:middle;line-height:13px;top:-1px;right:-2px;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;text-align:center;transition:all .3s cubic-bezier(.645,.045,.355,1);margin-left:5px}
.layout-wrapper .tab-wrapper .tab-item.is-active .close-icon,.layout-wrapper .tab-wrapper .tab-item.hover-active .close-icon{width:14px;display:inline-block}
.layout-wrapper .tab-wrapper .tab-item .close-icon:before{-webkit-transform:scale(.9);transform:scale(.9);display:inline-block}
.layout-wrapper .tab-wrapper .tab-item .close-icon:hover{background-color:#C0C4CC;color:#FFF}
.layout-wrapper .tab-wrapper .tab-content-list{height:calc(100% - 33px)}
.layout-wrapper .tab-wrapper .tab-content-list div{height:100%}
.layout-wrapper .tab-wrapper .tab-content-list .el-loading-spinner {height: initial}
/* --- tab选项卡结束 --- */

.layout-wrapper .tab-list .content-frame {user-select: none}

.layout-wrapper .tab-wrapper .dorop-button{border-radius:0;border:0}
.layout-wrapper .tab-wrapper .dorop-button:hover{background-color:rgb(50,65,87);border-color:rgb(87,159,255)}
.layout-wrapper .tab-wrapper .el-tab-pane,.layout-wrapper .tab-wrapper .el-tab-pane div{height:100%}
.layout-wrapper .tab-wrapper .el-tab-pane .crumb-wrapper{height:30px;background-color:white}
.layout-wrapper .tab-wrapper .el-tab-pane .crumb-wrapper .el-breadcrumb{padding:5px 0 5px 0}
.layout-wrapper .tab-wrapper .left-menu-wrapper{display:none;box-shadow:0 6px 12px rgba(0,0,0,.175);position:fixed !important;top:0;left:0;z-index:999999999;border-radius:3px}
.layout-wrapper .tab-wrapper .left-menu-wrapper:after{content:'';width:100%;height:100%;background-color:rgba(255,255,255,.9);position:absolute;top:0;left:0;z-index:-1;border-radius:5px}
.layout-wrapper .tab-wrapper .left-menu-wrapper .row:first-child{}
.layout-wrapper .tab-wrapper .left-menu-wrapper .row:last-child{padding-bottom:6px}
.layout-wrapper .tab-wrapper .left-menu-wrapper .line{border-bottom:1px solid #dedede}
.layout-wrapper .tab-wrapper .left-menu-wrapper .line:before{content:''}
.layout-wrapper .tab-wrapper .left-menu-wrapper .row{padding:5px 15px;font-size:14px;user-select: none}
.layout-wrapper .tab-wrapper .left-menu-wrapper .row:hover{background-color:#409eff;color:white}
.layout-wrapper .animated.infinite{animation-fill-mode:forwards;animation-iteration-count:1;animation-duration:250ms}
.layout-wrapper .animate-opacity-in{animation-name:opacity-in}
.layout-wrapper .animate-opacity-out{animation-name:opacity-out}
@keyframes opacity-out{ 0%{opacity:1} to{opacity:0} }
@keyframes opacity-in{ 0%{opacity:0} to{opacity:1} }
.layout-wrapper .animated.infinite.animate-tab-collapse-in{animation-fill-mode:forwards;animation-iteration-count:1;animation-duration:500ms;animation-name:tab-collapse-in}
.layout-wrapper .animated.infinite.animate-tab-collapse-out{animation-fill-mode:forwards;animation-iteration-count:1;animation-duration:500ms;animation-name:tab-collapse-out}
@keyframes tab-collapse-out{ 0%{margin-left:0} to{margin-left:0} }
@keyframes tab-collapse-in{0%{margin-left:0} to{margin-left:0}}
.layout-wrapper .el-container{position:relative;background-color:var(--gray-bg)}
.layout-wrapper .main-container{height:100%}
.layout-wrapper .content-container{height:100%}
.layout-wrapper .content-container .main-scroller,.layout-wrapper .content-container .el-main,.layout-wrapper .content-container .el-main .content-box,.layout-wrapper .content-container .el-main .con-ani-wrapper{height:100%;padding:0;overflow:hidden}
.layout-wrapper .animated.infinite.animate-menu-collapse-open{animation-fill-mode:forwards;animation-iteration-count:1;animation-duration:500ms;animation-name:menu-collapse-open}
.layout-wrapper .animated.infinite.animate-menu-collapse-close{animation-fill-mode:forwards;animation-iteration-count:1;animation-duration:500ms;animation-name:menu-collapse-close}
@keyframes menu-collapse-open{0%{width:65px} to{width:200px}}
@keyframes menu-collapse-close{0%{width:200px} to{width:65px}}
@keyframes width-none{0%{width:auto} to{width:0}}
@keyframes width-auto{0%{width:0} to{width:auto}}
.contact-container{position:fixed;right:0;top:50%;z-index:999999999}
.contact-container .hide-trigger{padding:7px;border-radius:3px}
.contact-container .hide-trigger .icon-font:before{font-size:16px}
.contact-container .hide-trigger *{color:white}
.contact-container .top{background-color:rgb(255,90,0);border-radius:3px;position:absolute;right:20px;bottom:45px}
.contact-container .tow{background-color:rgb(32,160,255);border-radius:3px;position:absolute;right:20px;bottom:0}
.contact-container .three{background-color:rgb(32,160,255);border-radius:3px;position:absolute;right:20px;bottom:-45px}
.contact-container .ewm{padding:5px;top:0;right:0;text-align:center}
.contact-container .wx-num-img{width:130px;height:130px;text-align:center;display:inline-block;margin:0}
.contact-container .content{color:white}
.contact-container .in-line{white-space:nowrap}
.contact-container .in-line .hide-trigger,.contact-container .in-line .ewm{display:inline-block}


/* overload */
.layout-wrapper .header {padding: 0 30px 0 20px;}
.layout-wrapper .header .header-left .logo-coll {padding: 0 30px 0 0;text-align:left;cursor: inherit;}
.layout-wrapper .header .header-left .logo-coll img{width: 80px;cursor: pointer;}
.layout-wrapper .header .header-left .logo-coll:hover img{transform: initial}
